<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>${constants.getSystemName()}</title>
    <meta name="description" content="${constants.getSystemName()}">
    <meta name="author" content="stylefeng">

    <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css?v=${constants.getReleaseVersion()}"/>
</head>
<body>
<div id="gUserForm" class="layui-fluid">
    <div class="layui-row">
        <div style="text-align: center;">
            <table id="generalBalanceTable" lay-filter="generalBalanceTable"></table>
        </div>
    </div>
</div>

<script type="text/javascript">
    var Feng = {
        ctxPath: "${ctxPath}",
        version: '${constants.getReleaseVersion()}'
    };
</script>
<script type="text/javascript" src="${ctxPath}/assets/common/libs/layui/layui.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js?v=${constants.getReleaseVersion()}"></script>

<!--其他插件js-->
<script type="text/javascript" src="${ctxPath}/assets/expand/plugins/jquery/jquery-3.2.1.min.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript" src="${ctxPath}/assets/expand/plugins/ztree/jquery.ztree.all.min.js?v=${constants.getReleaseVersion()}"></script>
<script type="text/javascript">
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#generalBalanceTable',
            url: Feng.ctxPath+'/general/generalBalance?accountId=${accountId}&cardType=${cardType}&cardNum=${cardNum}',
            cols: [[
                {field: 'accountId',  align: "center",title: '账户Id'},
                {field: 'accountName', align: "center", title: '账户名称'},
                {field: 'amount', align: "center", title: '余额（元）'},
            ]]
        });

    });
</script>
</body>
</html>